<html>
<head>
	<title> 
		Sua página de recomendações
	</title>
</head>

<body bgcolor = "white">
	<h4> Últimos vídeos que você gostou: </h4>
		<br>
	<hr id = "fimVideosGostados">
	
	<h4> Vídeos recomendados: </h4>
</body>

</html>

<script>

	// Carrega os vídeos armazenados localmente, que foram gostados	
	//document.getElementById('quantosGostados').textContent = localStorage.NumVideos;
	//document.getElementById('ultimoVideoNome').innerHTML = '<a href = "' + localStorage.UltimoVideoLink + '" target = "novaAba"> ' + localStorage.UltimoVideoNome + '</a>';
		
	// Pega os vídeos gostados do Servidor! (para n�o ter repeti��es e garantir youtube-only)
	var req = new XMLHttpRequest();
	req.open("GET", "http://localhost:8080/TesteServidor/ServletPedeGostados?id=" + localStorage.idUser, true);
	
	req.onreadystatechange = function() {
		if (req.readyState == 4) {
			//alert(reqRec.responseText);
			
			var msg = req.responseXML.getElementsByTagName("mensagem")[0].firstChild.nodeValue;
			
			if (msg == "sucesso") {
				var videosRecomendados = req.responseXML.getElementsByTagName("video");
				
				// Mostrar no m�ximo os 5 �ltimos v�deos gostados!
				var inicio = 0;
				if ( videosRecomendados.length > 5 ) {
					inicio = videosRecomendados.length - 5;
				}
				
				for ( var i = inicio; i < videosRecomendados.length; i++ )
				{		
					var link = req.responseXML.getElementsByTagName("video")[i].firstChild.nodeValue;
					var cod = req.responseXML.getElementsByTagName("thumb")[i].firstChild.nodeValue;
					
					//alert(link);
					
					var objeto = document.createElement('div');
					
					var conteudoLink = document.createElement('span');					
					conteudoLink.innerHTML = '<a href = "' + link + '" target = "novaAba" >' + (i+1) + ' - ' + link + '</a> <br>';
					objeto.appendChild(conteudoLink);
					
					var conteudoImg = document.createElement('span');
					conteudoImg.innerHTML = '<a href = "' + link + '" target = "novaAba" >' + '<img src = "http://i1.ytimg.com/vi/' + cod + '/default.jpg" />' + '</a> <br><br>';
					objeto.appendChild(conteudoImg);
					
					var linha = document.getElementById("fimVideosGostados");
					document.body.insertBefore(objeto, linha);
				}
			} else {
				var objeto = document.createElement('div');
				var conteudo = document.createTextNode( 'falha na recuperação dos vídeos gostados' );
				objeto.appendChild(conteudo);

				var linha = document.getElementById("fimVideosGostados");
				document.body.insertBefore(objeto, linha);
			}			
		}
	}
	
	req.send(null);
	
	// Pega recomenda��es de v�deos do servidor
	// passando o id do "usu�rio"
	var reqRec = new XMLHttpRequest();
	reqRec.open("GET", "http://localhost:8080/TesteServidor/ServletPedeRecomendacao?id=" + localStorage.idUser, true);
	
	reqRec.onreadystatechange = function() {
		if (reqRec.readyState == 4) {
			//alert(reqRec.responseText);
			
			var msg = reqRec.responseXML.getElementsByTagName("mensagem")[0].firstChild.nodeValue;
			
			if (msg == "sucesso") {
				var videosRecomendados = reqRec.responseXML.getElementsByTagName("video");
				
				for ( var i = 0; i < videosRecomendados.length; i++ )
				{		
					var link = reqRec.responseXML.getElementsByTagName("video")[i].firstChild.nodeValue;
					var cod = reqRec.responseXML.getElementsByTagName("thumb")[i].firstChild.nodeValue;
					
					//alert(link);
					
					var objeto = document.createElement('div');
					
					var conteudoLink = document.createElement('span');					
					conteudoLink.innerHTML = '<a href = "' + link + '" target = "novaAba" >' + (i+1) + ' - ' + link + '</a> <br>';
					objeto.appendChild(conteudoLink);
					
					var conteudoImg = document.createElement('span');
					conteudoImg.innerHTML = '<a href = "' + link + '" target = "novaAba" >' + '<img src = "http://i1.ytimg.com/vi/' + cod + '/default.jpg" />' + '</a> <br><br>';
					objeto.appendChild(conteudoImg);
					
					document.body.appendChild(objeto);
				}
				
				var objeto = document.createElement('div');
				var aviso = reqRec.responseXML.getElementsByTagName("aviso")[0].firstChild.nodeValue;
				var conteudo = document.createTextNode( aviso );
				objeto.appendChild(conteudo);
				document.body.appendChild(objeto);
			} else {
				var objeto = document.createElement('div');
				var aviso = reqRec.responseXML.getElementsByTagName("aviso")[0].firstChild.nodeValue;
				var conteudo = document.createTextNode( aviso );
				objeto.appendChild(conteudo);
				document.body.appendChild(objeto);
			}			
		}
	}
	
	reqRec.send(null);
	
</script>